/*
* jQuery复选框全选或者全不选代码
* @Author: blue
* @Date:   2017-06-06 15:41:17
* @Last Modified by:   blue
* @Last Modified time: 2017-06-06 17:04:37
*/
  // 引入jquery
  // <script type="text/javascript" src="./jquery-1.11.3.min.js"></script>
 $(function(){
         $("input[type='checkbox']").click(function(){
            var getlevel = $(this).attr("level");
            var ischecked = $(this).is(":checked");
            //获取索引值
            var getindex = $("input[type='checkbox']").index(this);
            $("input[type='checkbox']:gt("+getindex+")").each(function (k,v) {
                if(parseInt(getlevel) < parseInt($(this).attr("level"))) {
                
                    if(ischecked == true) {
          
                        $(this).prop("checked",true);
                    } else {
                        $(this).prop("checked",false);
                    }                  
                } else {//这句很关键,到这里就跳出了,不然就会选中所有的子分类的.
                    return false;
                }
            });
         });
      });


// 前台参考代码
/*  <div class="checkbox">
      <label>
      <input type="checkbox" value="1" level="0">RBAC </label>
      <br>                
      <label><input type="checkbox" value="4" level="1">权限管理   </label>
      <br>                
      <label><input type="checkbox" value="5" level="2">权限列表  </label>
      <br>                
      <label><input type="checkbox" value="6" level="2">添加权限  </label>
      <br>                
      <label><input type="checkbox" value="9" level="1">角色管理</label>
      <br>                
      <label><input type="checkbox" value="10" level="2">添加角色</label>
      <br>                
      <label><input type="checkbox" value="11" level="2">角色列表</label>
      <br>                
      <label><input type="checkbox" value="14" level="1">管理员管理 </label>
      <br>                
      <label><input type="checkbox" value="15" level="2">管理员列表</label>
      <br>                
      <label><input type="checkbox" value="16" level="2">添加管理员</label>
      <br>                
  </div>*/